<template>
  <div>
    <span>Vite + Mock + Vue2</span>{{ double }}<ChartSvg />
    <button @click="increment">点击</button><br />
    <router-link to="home">Home</router-link><br />
    <router-link to="/">App</router-link>
    <router-view />
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

import { CounterModule } from '@/store/modules/counter';

import ChartSvg from '@/icons/svg/chart.svg';

@Component({
  components: {
    ChartSvg: ChartSvg as any
  }
})
export default class App extends Vue {
  get double() {
    return CounterModule.double;
  }

  private increment() {
    CounterModule.SET_DOUBLE(1);
  }
}
</script>
<style lang="scss" scoped>
span {
  color: $--color-danger;
}
</style>
